/*边距清零*/
* {
margin: 0px auto;
padding: 0px;
}
/*为了看清导航效果，设置上和左侧30像素外边距*/
nav{
margin-top:20px;
margin-left:20px;
}

/*导航菜单字体颜色*/
.cd {
	color: #006A74;
	font-size: 14px;
}

/*在一级菜单之间加上竖线分割*/
/*
a{
display:block;border-right:1px solid #ccc;
}
*/

/*设置网页背景色*/
/*
body{
background-color:#EAEAEA;
}
*/

/*去掉一级菜单和二级菜单的列表项目符号 ；一级菜单水平排列*/
nav ul li {
list-style-type: none;
float: left;
}
/*设置二级菜单垂直排列效果*/
nav ul li ul li {
float: none;
}
/*菜单的链接效果*/
nav ul li a {
color:#006A74;
text-decoration: none;
width: 6.3em;
display: block;
text-align: center;
line-height: 30px;
}
/*设置二级菜单背景颜色及隐藏*/
nav ul li ul {
background-color: #006A74;
/*background-image:linear-gradient(45deg,#006A74,#86B8BC);*/
background-image:linear-gradient(45deg,#86B8BC,#CCCCCC);
position: absolute;
left: -999em;
padding-top: 15px;
padding-bottom: 15px;
}
/*鼠标悬浮在一级菜单时，二级菜单显示，为了防止被别的元素覆盖设置较大的z-index值*/
nav ul li:hover ul{
left:auto;
z-index:9999;
}
/*二级菜单链接文本颜色*/
nav ul li ul li a {
color: #FFF;
}
/*鼠标悬浮一级菜单效果*/
nav ul li .selected a:hover {
background-color: #006A74;
color: #FFF;
}

/*鼠标悬浮二级菜单效果*/
nav ul li ul li a:hover {
background-color: #006A74;
}